﻿html body
{
    font-size:12px;
}

#pager
{
    position:absolute;
    display:none;
    right:0px;
    margin:3px 10px 0px 0px;
    background: white;
    border: 1px solid #E7E7E7;
    border-radius: 4px;
    overflow:hidden;
    z-index:3;
    line-height:20px;
}

#pager-info
{
    display:inline-block;
}

#pager-buttons
{
    display:none;
}

#pager:hover #pager-buttons
{
    display:inline;
}

.a-button .f-menu-toggle:hover
{
    text-decoration:none
}

#cmd-bar
{
    float:left;
    line-height:20px;
    margin-top:3px;
    margin-left:10px;
    cursor:default;
}

#cmd-bar *
{
    vertical-align:middle;
    text-shadow: 1px 1px #FFF;
}

#cmd-bar button
{
    background0:url(../imgs/bar/button-x.png) 0px -42px rgb(75, 136, 220);
    background: transparent;
    border0:1px solid #427ac7;
    border-width:0px;
    color:black;
    font-size:12px;
}

#cmd-bar button:hover
{
    color:rgb(70,130,209);
}

#new-btn:hover .arrow
{
    border-top-color:black;
}

#cmd-bar i
{
    height:16px;
    width:16px;
    display:inline-block;
    margin-right:2px;
}

#cmd-bar #upload-btn
{
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
    font-weight:bold;
    border-right-width:0px;
}

#upload-btn i
{
    background:url(../imgs/file/ico-button.png);
}

#new-btn
{
    *margin-left:10px;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;   
}

#new-btn i
{
    background:url(../imgs/file/new-button.png);
}

#file-list
{
    list-style-type: none;
    list-style-position: outside;
    margin: 0px;
    padding: 0px;
    cursor: default;
    position:absolute;
    left:0px;
    right:0px;
    top:60px;
    bottom:0px;
    overflow:auto;
}

#file-list em
{
    color: #bababa;
    font-style: normal;
    line-height: 20px;
    margin-right: 10px;
}



#file-list .f-selected
{
    background: rgb(255, 255, 221);
}

.node-icon
{
    background: no-repeat url(../imgs/file/icons-m/generic.gif);
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 5px;
    top: 5px;
    position: relative;
    z-index:1;
}

.node-type-folder .node-icon
{
    cursor:pointer;
    background-image: url(../imgs/file/icons-m/folder.png);
}

.node-type-folder-fix .node-icon
{
    background-image: url(../imgs/file/icons-m/folder-fix.png);
}

.node-icon .share
{
     background:url(../imgs/icons/share-32.png) no-repeat;
     width:32px;
     height:32px;
     display:inline-block;
     zoom:0.7;
     margin-top:15px;
}

.f-checkbox
{
    z-index:1;
}

.f-lv-node
{
    border-bottom: 1px solid rgb(240, 240, 240);
    height: 40px;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    overflow: hidden;
    position:relative;
}

.node-infos
{
    float: left;
}

.node-name
{
    font-size:12px;
    color: #151515;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}
a.node-name:hover
{
    color: rgb(58,118,188);
    text-decoration: underline;
}

.node-star
{
    z-index:1;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../imgs/file/list-opt.png) -60px 0px no-repeat;
}

.node-star:hover
{
    background-position: -60px -20px;
}

.node-star-1 .node-star
{
    background-position:-60px -40px;
}

.node-commands
{
    float: left;
    margin: 20px 0px 0px 5px;
    visibility: hidden;
}

.f-lv-node:hover .node-commands
{
    visibility: visible;
}

.node-commands a
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../imgs/file/list-opt.png) no-repeat;
    margin:5px 4px 2px 4px;
}

.node-commands .node-cmd-open
{
    background-position: 0px 0px;
}

.node-commands .node-cmd-down
{
    background-position: -20px 0px;
}

.node-commands .node-cmd-share
{
    background-position: -40px 0px;
}

.node-commands .node-cmd-open:hover
{
    background-position: 0px -20px;
}

.node-commands .node-cmd-down:hover
{
    background-position: -20px -20px;
}

.node-commands .node-cmd-share:hover
{
    background-position: -40px -20px;
}

.node-commands .node-cmd-more
{
    background-position: -80px 0px;
}

.node-commands .node-cmd-more:hover
{
    background-position: -80px -20px;
}

.node-commands .node-cmd-fix
{
    background:url(../imgs/file/folder-fix-gray.png);
}

.node-commands .node-cmd-fix:hover
{
    background:url(../imgs/file/folder-fix.png);
}

.node-commands .node-cmd-fix
{
    display:none;
}

.node-type-folder .node-cmd-fix
{
    display:inline-block;
}


/*view-tile*/
.view-tile .f-lv-node
{
    float: left;
    width:350px;
}

.view-tile .node-thumb,.view-list .node-thumb
{
    display:none;
}


/*view-icon*/
.view-icon .f-lv-node
{
    float: left;
    width: 120px;
    height: 176px;
    margin-top:3px;
    margin-right: 3px;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
    padding: 0px;
}

.view-icon .f-lv-node:hover
{
    border: 1px solid #eee;
}

.node-thumb
{
    background:white;
    border:1px solid #eee;
}

.view-icon .f-checkbox
{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    display: none;
}

.view-icon .node-icon
{
    width: 100px;
    height: 100px;
    top: 10px;
    left: 10px;
    position: absolute;
    background: url(../imgs/file/icons-l/generic.gif) center center no-repeat;
}

.view-icon .node-name
{
    position: absolute;
    left: 10px;
    right: 10px;
    top: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
}

.view-icon .node-star
{
    position: absolute;
    display: none;
    right: 16px;
    top: 10px;
    height: 30px;
    width: 30px;
    background: url(../imgs/file/icons-l/icon-star.png) right top no-repeat;
}

.view-icon .node-star-1 .node-star
{
    display:block;
    background-position:1px top;
}

.has-thumb .node-star
{
    right:9px;
}

.view-icon .node-time
{
    display: none;
}

.view-icon .node-size
{
    position: absolute;
    top: 140px;
    width: 100%;
    text-align: center;
}

.view-icon .node-commands
{
    position: absolute;
    margin: 140px 0px 0px 0px;
    background-color: rgb(239,239,239);
    padding: 0px;
    right: 5px;
    left: 5px;
    text-align: center;
    border-radius: 5px;
}

.view-icon .f-lv-node.f-selected
{
    border: 1px solid #7caef2;
}

.view-icon .f-lv-node:hover .node-star, .view-icon .f-lv-node:hover .f-checkbox
{
    display: block;
}


.view-icon  .node-cmd-fix
{
    display:none;
}

.f-selected .f-checkbox
{
    display: block;
}

.view-icon .node-type-folder .node-icon
{
    background-image: url(../imgs/file/icons-l/folder.png);
}

.view-icon .node-type-folder-fix .node-icon
{
    background-image: url(../imgs/file/icons-l/folder-fix.png);
}

.view-icon .node-type-folder .node-star
{
    right:10px;
    top:24px;
}

.view-icon .node-type-folder .share
{
    margin:75px 0px 0px 0px;
}

/*show-bar*/
#show-bar
{
    cursor: default;
    height:30px;
    line-height:25px;
    margin:0px;
    border-bottom:2px solid #f1f1f1;
}

.show-bar *
{
    vertical-align: middle;
}

.show-bar a:hover, .show-bar .f-checked
{
    color: rgb(70, 130, 209);
}

.show-bar .f-checked
{
    font-weight:bold;
}

.show-bar i
{
    background: url(../imgs/file/icon-filter.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right:2px;
    margin-top:-2px;
    *margin-top:2px;
}


#is-list i
{
    background-position: -320px 0px;
}

#is-list:hover i, #is-list.f-checked i
{
    background-position: -320px -20px;
}

#is-tile i
{
    background-position: -320px 0px;
}

#is-tile:hover i, #is-tile.f-checked i
{
    background-position: -320px -20px;
}

#is-icon i
{
    background-position: -340px 0px;
}

#is-icon:hover i, #is-icon.f-checked i
{
    background-position: -340px -20px;
}

.tool-block
{
    display:inline-block;
    height:100%;
}

.right-block,.left-block
{
    z-index:2;
    position:absolute;
    height:30px;
    white-space:nowrap;
    background-color:White;
}

.right-block
{   
    right:0px;   
    padding-right:20px;
}

.left-block
{
    z-index:2;
    width:540px;
    overflow:hidden;
}

.left-block:hover,.right-block:hover
{
    z-index:10;
}

/*
#view-block
{
    position:absolute;
    right:20px;
    background-color:white;
}

#sort-block
{
    position:absolute;
    right:200px;
    background-color:white;
}

*/
#sort-block .down-arrow:hover .arrow
{
    border-top-color:Black;
}

#mark-block,#view-block,#sort-block
{
    border-left:1px solid #f1f1f1;
    padding-left:10px;
    margin-left:10px;
}

.tool-block>a
{
    display:inline-block;
    font-size:12px;
    margin-left:5px;
    line-height:30px;
    color:#666;
}

/*
#type-block .f-checked
{
    float:left;
}*/

#select-all
{
    top:5px;
    left:10px;
    margin-right:10px;
}

#show-all i
{
    background-position:-40px 0px;
}

#only-doc i
{
    background-position:-60px 0px;
}


#only-image i
{
    background-position:-80px 0px;
}


#only-audio i
{
    background-position:-100px 0px;
}

#only-video i
{
    background-position:-120px 0px;
}

#only-compress i
{
    background-position:-140px 0px;
}

#only-app i
{
    background-position:-160px 0px;
}

#only-share i
{
    background-position:-180px 0px;
}

#only-star:hover i, #only-star.f-checked i
{
    background-position: 0px -20px;
}

#show-all:hover i, #show-all.f-checked i
{
    background-position: -40px -20px;
}

#only-doc:hover i, #only-doc.f-checked i
{
    background-position: -60px -20px;
}

#only-image:hover i, #only-image.f-checked i
{
    background-position: -80px -20px;
}


#only-audio:hover i, #only-audio.f-checked i
{
    background-position: -100px -20px;
}


#only-video:hover i, #only-video.f-checked i
{
    background-position: -120px -20px;
}


#only-compress:hover i, #only-compress.f-checked i
{
    background-position: -140px -20px;
}


#only-app:hover i, #only-app.f-checked i
{
    background-position: -160px -20px;
}


#only-share:hover i, #only-share.f-checked i
{
    background-position: -180px -20px;
}

/*path-bar*/
#path-bar
{
    border-top:1px solid #ddd;
    border-bottom:1px solid #d1d1d1;
    background:url(../imgs/bar/button-bg.png) 0px -99px repeat-x;
}

#path-bar a
{
    vertical-align:middle;
    display:inline-block;
    line-height:26px;
    padding:0px 20px 0px 20px;
    margin-left:-12px;
    background:url(../imgs/file/path.png) 0px -1px repeat-x;
    cursor:pointer;
    height:26px;
    max-width: 150px; 
    text-overflow: ellipsis; 
    overflow: hidden;
    color:#666;
    text-shadow: 1px 1px #FFF;
}

#path-bar a:hover
{
    color:rgb(70,130,209);
    background-position:0px -29px;
}

#path-bar #path-end:hover
{
    cursor:default;
    background-position:0px -1px;
}

#path-bar #path-root
{
    background-image:none;
    margin-left:20px;
}

#cmds-menu
{
    left:150px;
    top:100px;
    display:none;
    position:fixed;
    background-color:White;
    z-index:100;
    border:1px solid #BDBDBD;
    box-shadow: rgba(200, 200, 200, 0.8) 0px 0px 2px 1px;
    color: #1A74B0;
    border-radius:7px;
    padding:10px;
    cursor:default;
}

#cmds-menu a
{
    margin:2px;
}

.multi .single
{
    display:none;
}

#new-menu
{
    display:inline-block;
    position0:relative;
}

.list-loading
{
    position:absolute;
    top:60px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:10;
    display:none;
}

.file-more-frame
{
    background:rgb(245,250,254);
    overflow:hidden;
    min-width:250px;
}

.file-more-frame iframe
{
    width:95%;
    border:0px solid #e2e2e2;
    margin-left:auto;
    display:block;
}